<script>
    $(function() {

	  	var AjaxLoading = document.getElementById("AjaxLoading");
        var overLay = document.getElementById("overLay");
        AjaxLoading.parentNode.removeChild(AjaxLoading);
        overLay.parentNode.removeChild(overLay);
      });
	
</script>
<div id="AjaxLoading" class="showbox">
	<div class="loadingWord" style="height: 1%">
		<img src="{$Think.const.DOMAIN_NAME}/Public/SHARE/waiting.gif">页面正在加载中...
	</div>
</div>
<div id="overLay" class="overlay"></div>
<style type="text/css">
* {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

a, img {
	border: 0;
}

.demo {
	margin: 100px auto 0 auto;
	width: 400px;
	text-align: center;
	font-size: 18px;
}

.demo .action {
	color: #3366cc;
	text-decoration: none;
	font-family: "΢���ź�", "����";
}

.overlay {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 998;
	width: 100%;
	height: 100%;
	_padding: 0 20px 0 0;
	background: #f6f4f5;
	display: none;
}

.showbox {
	position: fixed;
	top: 0;
	left: 50%;
	z-index: 9999;
	opacity: 0;
	filter: alpha(opacity = 0);
	margin-left: -80px;
}

* html, * html body {
	background-image: url(about:blank);
	background-attachment: fixed;
}

* html .showbox, * html .overlay {
	position: absolute;
	top: expression(eval(document.documentElement.scrollTop));
}

#AjaxLoading {
	border: 1px solid #8CBEDA;
	color: #37a;
	font-size: 12px;
	font-weight: bold;
}

#AjaxLoading div.loadingWord {
	width: 180px;
	height: 50px;
	line-height: 50px;
	border: 2px solid #D6E7F2;
	background: #fff; 
}

#AjaxLoading img {
	margin: 10px 15px;
	float: left;
	display: inline;
}
</style>
<script type="text/javascript">
	$(".overlay").css({
		'display' : 'block',
		'opacity' : '0.8'
	});
	$(".showbox").stop(true).animate({
		'margin-top' : '300px',
		'opacity' : '1'
	}, 200);
	setTimeout(function() {
		$(".showbox").stop(true).animate({
			'margin-top' : '250px',
			'opacity' : '0'
		}, 1000);
		$(".overlay").css({
			'display' : 'none',
			'opacity' : '0'
		});
	}, 800000);
</script>